<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-APi-index</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/API-index.css" />
	</head>
	<body>
		<!-- 头部部分 -->
		<header class="abs header">
			<!-- 左边部分 -->
			<a href="index.html" class="header-logo">
				<h1></h1>
			</a>
			<!-- 中间部分 -->
			<ul class="flex-c-c b-box fc-white list">
				<li>
					<a href="index.html">首页</a>
				</li>
				<li class="active">
					<a href="API-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="customer.html">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 右边部分 -->
			<div class="fz-12 tc flex-c-c">
				<a href="login.html" class="fc-white b-box">登陆</a>
				<a href="register.html" class="fc-white b-box">注册有礼</a>
			</div>
		</header>

		<!-- 主体部分 -->
		<main class="b-box container">
			<!-- 上面部分 -->
			<section class="main-top">
				<h3>API分类</h3>
				<ul class="fz-12 API-list"></ul>
			</section>
			<!-- 下面部分 -->
			<section class="main-bottom">
				<!-- 输入框部分 -->
				<p class="fz-12 bottom-top">
					<strong>全部</strong>
					<input type="text" class="b-box" placeholder="身份证实名" /><input />
				</p>
				<article>
					<!-- 下面列表 -->
					<ul class="bottom-list flex-sb"></ul>
					<ul class="pages container flex-c-c tc fz-12">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
						<li>7</li>
						<li>8</li>
						<li>......</li>
						<li>下一页></li>
					</ul>
				</article>
			</section>
		</main>

		<!-- 页尾部分 -->
		<footer class="footer b-box">
			<section class="container">
				<article class="footer-list flex-c-c">
					<ul>
						<li>联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<li>快速入口</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<div class="b-box">
						<p>微信公众号</p>
						<p>源码时代</p>
						<img src="../images/103-demo.png" alt="" />
					</div>
				</article>
				<article class="footer-bottom fz-12 flex-c-c">
					<div>
						<img src="../images/bei1.png" alt="" />
						<img src="../images/bei2.png" alt="" />
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</div>
					<div></div>
					<div>源码大数据股份有限公司©版权所有</div>
				</article>
			</section>
		</footer>

		<!-- 返回顶部按钮 -->
		<button class="fix returntop"></button>

		<!-- 登陆页 -->
		<section class="fix login flex-c-c">
			<form action="#" class="b-box rel">
				<span class="close abs"></span>
				<img src="../images/api-new-logo-white.png" alt="" class="abs logo" />
				<ul class="flex-c-c">
					<li class="active">账号登陆</li>
					<li>扫码登陆</li>
				</ul>
				<article class="log">
					<p class="username rel">
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<p class="password rel">
						<input type="password" placeholder="密码" />
					</p>
					<p class="text">忘记密码</p>
					<button class="btn fc-white">登陆</button>
					<p class="note tc">
						还没有源码账号,
						<a href="#">立即注册</a>
					</p>
				</article>
				<article class="scan abs">
					<div class="b-box">
						<img src="../images/103-demo.png" alt="" />
						<p>微信扫码登陆</p>
						<p>未关注源码科技公众号,请先关注后在登陆</p>
					</div>
				</article>
			</form>
		</section>

		<script src="../js/util.js"></script>
		<script src="../js/API-index.js"></script>
	</body>
</html>
